/* pages/login/login.wxss */
@import './variables.less';
.login {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  .avatar{
    height: 168rpx;
    width: 168rpx;
    margin: 42rpx 0;
    image{
      width: 100%;
      height: 100%;
    }
  }
  .title{
    font-family: DFFangYuanW7;
    font-weight: 700;
    font-size: 52rpx;
    color: #000000;
    line-height: 52rpx;
    text-align: left;
    font-style: normal;
  }
  .login_area{
    margin-top: 132rpx;
    button{
      width: 630rpx;
      height: 96rpx;
      border-radius: 96rpx; 
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 32rpx;
      line-height: 96rpx;
      font-style: normal;
      display: flex;
      justify-content: center;
      align-items: center;
      &::after{
        border: none;
      }
      image{
        height: 36rpx;
        width: 36rpx;
        margin-right: 32rpx;
      }
    }
    .phoneLogin{
      margin-bottom: 64rpx;
      background: @primary-backgroundColor;
      font-size: 32rpx;
      border: none;
      color: #333333;
    }
    .wechatLogin{
      border: 2rpx solid #FFC503;
      background: #FFFFFF;
      color: #FFC300;
    }
  }
  .assign{
    position: absolute;
    bottom: 158rpx;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #7E818C;
    font-style: normal;
    text-transform: none;
  }
}